{% extends "base.html" %}
{% block content %}
<script src="{{ media_url }}/tasks.js" type="text/javascript"></script>

<h2>Personas</h2>
{% load personas_tags %}
{% for persona in personas %}
    <table class="persona_list_persona">
    <tr><td class="persona_list_avatar" colspan="2">
        <img style="" src="{{ media_url }}/{{ persona.meta.photo }}" width="80"/>
        <span class="persona_list_name">
            {{ persona.fullname }}
        </span>
        <br/>
        <span class="persona_list_email">
            {{ persona.meta.email }}
        </span>
    </td>
    </tr><tr>
    <td class="persona_list_tasks">
        <span class="persona_list_title">Tasks</span>
        <span class="persona_list_tasks_list">
            {% load tasks_tags %}
            {% for task in persona.tasks_assigned %}
                {% task_sidebar_list %}
            {% endfor %}
        </span>
    </td>
    <td class="persona_list_notes">
        <span class="persona_list_title">Notes</span>
        {% load notes_tags %}
        {% for note in persona.notes_involved %}
            {% note_list_single %}
        {% endfor %}
    </td></tr>
    </table>
{% endfor %}
{% endblock %}
